var app = new Vue({
	el: "#app",
	data: {
		/*头部区域开始*/
		header_Nav: "",
		headerIndex:0,
		headerBtn:[
		{name:"入学攻略"},
		{name:"学费价格"},
		{name:"就业薪资"},
		{name:"求职刷题"},
		{name:"引进技术人才"}
		],
		headerNav: [{
				name: "首页"
			},
			{
				name: "精品课程"
			},
			{
				name: "免费教程"
			},
			{
				name: "教研团队"
			},
			{
				name: "校区汇总"
			},
			{
				name: "报名流程"
			},
			{
				name: "原创书籍"
			},
			{
				name: "项目库"
			},
			{
				name: "公开课"
			},
			{
				name: "技术社区"
			},
			{
				name: "就业服务"
			},
			{
				name: "网站关于"
			}
		],
		/*头部区域开始*/

		/*免费教程区域开始*/
		/*控制线段移动效果*/
		courseL: "",
		courseIndex: 0,
		courseImg: [{
				Url: "img/picture/course1.jpg",
				level: "初级",
				quantity: 2860
			},
			{
				Url: "img/picture/course2.jpg",
				level: "初级",
				quantity: 2345
			},
			{
				Url: "img/picture/course3.jpg",
				level: "中级",
				quantity: 1805
			},
			{
				Url: "img/picture/course4.jpg",
				level: "初级",
				quantity: 2326
			},
			{
				Url: "img/picture/course5.jpg",
				level: "初级",
				quantity: 2450
			},
			{
				Url: "img/picture/course6.jpg",
				level: "高级级",
				quantity: 1526
			},
			{
				Url: "img/picture/course7.jpg",
				level: "初级",
				quantity: 1625
			},
			{
				Url: "img/picture/course8.jpg",
				level: "高级",
				quantity: 1326
			}
		],
		courseLi: [{
				name: "推荐课程"
			},
			{
				name: "前端开发"
			},
			{
				name: "Java程序"
			},
			{
				name: "大数据开发"
			},
			{
				name: "UI设计师"
			},
			{
				name: "软件测试"
			},
			{
				name: "人工智能"
			},
			{
				name: "新媒体运用"
			}
		],

		/*免费教程区域结束*/

		/*需要区域开始*/
		/*线段移动*/
		demandL: "",
		Ani_Show: false,
		AniImg: "img/picture/Ani1.png",
		/*就业率*/
		demand_Rate: 90,
		/*薪资*/
		demand_Salary: 13000,
		/*名称*/
		demand_Name: "JavaEE",
		/*地址*/
		demand_Address: "JavaEE总部地址",
		/*介绍*/
		demand_Introduce: "JavaEE介绍优秀员工",
		/*需要数据区域*/
		DemandAni: [{
				/*就业率*/
				Rate: 90,
				/*薪资*/
				Salary: 13000,
				/*名称*/
				Name: "JavaEE",
				/*地址*/
				Address: "JavaEE总部地址",
				/*介绍*/
				Introduce: "JavaEE介绍优秀员工"
			},
			{
				Rate: 100,
				Salary: 18000,
				Name: "HTML&JS+前端",
				Address: "HTML&JS+前端总部地址",
				Introduce: "HTML&JS+前端介绍优秀员工"
			},
			{
				Rate: 96,
				Salary: 14000,
				Name: "Python+大数据开发",
				Address: "Python+大数据开发总部地址",
				Introduce: "Python+大数据开发介绍优秀员工"
			},
			{
				Rate: 94,
				Salary: 14500,
				Name: "人工智能开发",
				Address: "人工智能开发总部地址",
				Introduce: "人工智能开发介绍优秀员工"
			},
			{
				Rate: 98,
				Salary: 12500,
				Name: "UI/UE设计",
				Address: "UI/UE设计总部地址",
				Introduce: "UI/UE设计介绍优秀员工"
			},
			{
				Rate: 89,
				Salary: 14000,
				Name: "软件测试",
				Address: "软件测试总部地址",
				Introduce: "软件测试介绍优秀员工"
			},
			{
				Rate: 90,
				Salary: 13000,
				Name: "新媒体+短视频",
				Address: "新媒体+短视频总部地址",
				Introduce: "新媒体+短视频介绍优秀员工"
			},
			{
				Rate: 97,
				Salary: 16000,
				Name: "产品经理",
				Address: "产品经理总部地址",
				Introduce: "产品经理介绍优秀员工"
			}

		],
		DemandLi: [{
				Url: "img/icon/demand1.png",
				name: "课程大纲"
			},
			{
				Url: "img/icon/demand2.png",
				name: "教研团队"
			},
			{
				Url: "img/icon/demand3.png",
				name: "就业薪资"
			},
			{
				Url: "img/icon/demand4.png",
				name: "免费教程"
			}
		],
		CTTRli: [{
				CTTRindex: "01",
				title: "更新多种数据"
			},
			{
				CTTRindex: "02",
				title: "新增免费课程"
			},
			{
				CTTRindex: "03",
				title: "更多优惠等待领取"
			},
			{
				CTTRindex: "04",
				title: "立即预约，快速报名"
			}
		],
		/*需要区域结束*/

		/*项目区域开始*/
		projectIndex: 0,
		projectLi: [{
				name: "推荐课程"
			},
			{
				name: "前端开发"
			},
			{
				name: "Java程序"
			},
			{
				name: "大数据开发"
			},
			{
				name: "UI设计师"
			},
			{
				name: "软件测试"
			},
			{
				name: "人工智能"
			},
			{
				name: "新媒体运用"
			}
		],
		/*项目区域结束*/

		/*底部区域开始*/
		footerIndex:0,
		footerCity:"北京市XXX区XXX路18号XXX科技职业技术学院广场服务楼",
		footerNan: [{
				name: "北京",
				address:"北京市XXX区XXX路18号XXX科技职业技术学院广场服务楼"
			}, {
				name: "深圳",
				address:"深圳市宝安区宝安大道XXX号西部硅谷X座X区X层XXXXX/X座X区X层X08"
			}, {
				name: "上海",
				address:"上海市XX区XX大道XXX号XXX座X区X层XXXXX/X座X区X层X08"
				
			}, {
				name: "杭州",
				address:"杭州市XX区XssX大道XXsX号XXX座X区X层XXXXX/X座X区X层X08"
				
			}, {
				name: "广州",
				address:"广州市XX区XasdssX大道XXsX号XXX座X区X层XXXXX/X座X区X层X08"
				
			}, {
				name: "山东",
				address:"山东市XX区XasdssX大道XXsX号XXX座X区X层"
			}, {
				name: "黑龙江",
				address:"黑龙江市XX区XasdssX大道XXsX号XXX座X区X层"
				
			}, {
				name: "柳州",
				address:"柳州市XX区XasdssX大道XXsX号XXX座X区X层"
				
			}, {
				name: "太原",
				address:"太原市XX区XX大道XXsX号XXX座X区X层"
				
			},
			{
				name: "西安",
				address:"西安市XX区XsX大道XXsX号XXX座X区X层"
				
			},
			{
				name: "南宁",
				address:"南宁市XX区XassX大道XXsX号XXX座X区X层"
				
			}
		]

		/*底部区域结束*/

	},
	//	事件处理函数
	methods: {
		Header:function(item,index){
			this.headerIndex = index
		},
		AniHover: function(item, index) {
			//			console.log(index)
			//			console.log(item)
			/*获取下标,并把0变成1开始*/
			id = index + 1
			/*修改对应的图片*/
			this.AniImg = 'img/picture/Ani' + id + '.png';
			/*添加动画显示效果*/
			if(this.Ani_Show == true) {
				this.Ani_Show = false;
			} else {
				this.Ani_Show = true;
			}
			/*线段移动效果*/
			this.demandL = 150 * index + "px"
			//			console.log(this.demandL)
			/*需要数据区域*/
			this.demand_Rate = item.Rate;
			this.demand_Salary = item.Salary;
			this.demand_Name = item.Name;
			this.demand_Address = item.Address;
			this.demand_Introduce = item.Introduce;
		},
		Course: function(item, index) {
			this.courseL = 110 * index + "px";
			this.courseIndex = index
		},
		Project: function(item, index) {
			this.projectIndex = index
		},
		Footer: function(item, index) {
			console.log(item)
			this.footerCity = item.address
			this.footerIndex=index
		},
	}
})